import { IFeidaoAiBrowserComponent, IFeidaoAiNodejsComponent } from '@feidao/web/interfaces';

export default function tpl(fd: IFeidaoAiBrowserComponent | IFeidaoAiNodejsComponent | any) {
	return `
	<div style="padding-left:10px;">
		<span style="margin:  20px;font-size: 20px;">打包常见错误</span>
		<span style="color :red;">按照项目打包文档进行打包操作<a style="text-decoration: none;color:  black;padding-left:  20px;" href="https://gitee.com/feidao-edu/qa/issues/IKFQ0">[文档]</a></span>
		<table style="margin-top:  10px;width:  100%;">
		<thead style="background: #f4f4f4;height: 40px;margin-top: 10px;line-height:  40px;border: 1px solid #ddd;">
			<tr>
				<td style="width:  50px;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">序号</td>
				<td style="width:  100px;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">错误说明</td>
				<td style="width:  300px;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">错误截图</td>
				<td style="width:  300px;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">解决方法</td>
			</tr>
		</thead>
		<tbody>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">1</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"></td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img inline src='./images/dabao/1.png' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">更新最新代码，重新拉取依赖</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">2</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">访问打包系统中某一个页面</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img inline src='./images/dabao/2.png' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、确定页面名称是否正确<br>
					2、页面的n(na**.ts，页面、组件)中是否引入客户端原子操作<br>
					3、检查此页面是否引入第三方插件<br>
					4、项目中config-*.ts文件中是否修改server值<br>
					5、是否在服务端引入控件
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">3</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">下载excel文件</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img src='' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、检查url地址访问的页面名称后缀名是否是.xlsx<br>
					2、如果是，检查项目package-service.json文件中是否引入第三方依赖(第三方依赖查看项目README.md文件)<br>
					3、如果是，表格的数据渲染必须使用table标签，比能存在空的thead、tbody、tr<br>
					4、如果是，下载excel文件的数据渲染必须在服务端渲染
					5、如果不是，将下载excel服务中引入的第三方依赖加入package-service.json文件中<br>
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">4</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">下载docx文件</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img src='' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、检查url地址访问的页面名称后缀名是否是.docx<br>
					2、如果是，检查项目package-service.json文件中是否引入第三方依赖(第三方依赖查看项目README.md文件)<br>
					3、如果是，下载docx文件的数据渲染必须在服务端渲染
					4、如果不是，将下载docx服务中引入的第三方依赖加入package-service.json文件中<br>
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">5</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">pdf文件</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img src='' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、检查url地址访问的页面名称后缀名是否是.pdf<br>
					2、如果是，检查项目package-service.json文件中是否引入第三方依赖(第三方依赖查看项目README.md文件)<br>
					3、如果是，pdf文件的数据渲染必须在服务端渲染
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">6</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">pdf内容包含滚动条不分页</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img inline src='./images/dabao/3.png' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、页面html或者body中overflow的值必须为visible
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">7</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">访问页面展示结果为空白</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img src='' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、<img inline src='./images/dabao/4.png' width=300 data-feidao-actions="click:eu-001"><br>
					2、按照此图查看network,查看当前页面返回的状态码status，若为403则表明当前登录用户对此页面没有访问权限
				</td>
			</tr>
			<tr style="height: 40px;line-height:  40px;">
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">8</td>
				<td style="width:  100px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;">访问pdf文件报错</td>
				<td style="width:  300px;cursor: pointer;vertical-align:  top;text-align:  center;border-right: 1px solid #ddd;"><img inline src='./images/dabao/5.png' width=300 data-feidao-actions="click:eu-001"></td>
				<td style="width:  50px;cursor: pointer;vertical-align:  top;text-align:  left;border-right: 1px solid #ddd;">
					1、确定pdf页面是否引入了资源文件(css、images)<br>
					2、如果引入资源文件，则在引入的“本地资源”文件的标签中添加属性"inline"<br>
					3、<img inline src='./images/dabao/6.png' width=300 data-feidao-actions="click:eu-001">
				</td>
			</tr>
		</tbody>
	</table>
	<fd-wh000013 id='widget' header-bgc='coral' title='截图' style="width: 100%;height: 100%;display: block;top: 0px;" data-feidao-actions="fdwe-cancel:eu-002">
		<div slot='content'>
			<img src='' data-feidao-id='show-img' style="max-width: 100%;max-height: 100%;">
		</div>
		<div slot='footer'>
    	</div>
	</fd-wh000013>
	</div>
	`;
}